<template>
  <div class="commonHead">
    <van-nav-bar
      :title="title"
      left-arrow
      @click-left="goBack"
    />
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      required: true
    }
  },
  methods: {
    goBack () {
      this.$router.go(-1)
    }
  }
}
</script>

<style lang="scss" scoped>
.commonHead{
  position: fixed;
  width: 100%;
  left:0;
  top:0;
  z-index: 10;
  /deep/ .van-nav-bar{
  background: #f66;
  .van-icon-arrow-left{
    font-size: 24px;
    color: #fff;
  }
  .van-nav-bar__title{
    color:#fff;
  }
}
}
</style>
